<template>
  <div>
    <p style="color: white">1</p>
    <van-nav-bar
      :fixed="true"
      title="商品分类"
      left-text="返回"
      @click-left="onClickLeft"
      left-arrow
    />
    <van-collapse v-model="activeNames" accordion>
      <van-collapse-item title="数码产品" name="1">
        <a href="/#/type/">
          <van-tag type="primary" size="large">手机</van-tag>&nbsp;
        </a>
        <a href="/#/type/">
          <van-tag type="primary" size="large">平板电脑</van-tag>&nbsp;
        </a>
        <a href="/#/type/">
          <van-tag type="primary" size="large">笔记本电脑</van-tag>&nbsp;
        </a>
      </van-collapse-item>
      <van-collapse-item title="家电" name="2">
        <a href="/#/type/">
          <van-tag type="primary" size="large">冰箱</van-tag>&nbsp;
        </a>
        <a href="/#/type/">
          <van-tag type="primary" size="large">空调</van-tag>&nbsp;
        </a>
        <a href="/#/type/">
          <van-tag type="primary" size="large">电视</van-tag>&nbsp;
        </a>
        <a href="/#/type/">
          <van-tag type="primary" size="large">热水器</van-tag>&nbsp;
        </a>
      </van-collapse-item>
      <van-collapse-item title="零食" name="3">
        <a href="/#/type/">
          <van-tag type="primary" size="large">坚果</van-tag>&nbsp;</a>
        <a href="/#/type/">
          <van-tag type="primary" size="large">特产</van-tag>&nbsp;</a>
        <a href="/#/type/">
          <van-tag type="primary" size="large">巧克力</van-tag>&nbsp;</a>
        <a href="/#/type/">
          <van-tag type="primary" size="large">糕点</van-tag>&nbsp;</a>
      </van-collapse-item>
    </van-collapse>
  </div>
</template>

<script>
export default {
  name: "allType",
  data() {
    return {
      activeNames: '1',
    }
  },
  methods: {
    onClickLeft() {
      this.$router.push('/');
    }
  }
}
</script>

<style scoped>

</style>
